/*
  学习目标：TS-React初体验-useState的使用
*/

import React, { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  return (
    <div>
      我是App -<h1>{count}</h1>
      <button onClick={() => setCount(count)}>点我更新count</button>
      <Child count={count} />
    </div>
  );
}

// 💥TS中的组件props，类似vue中，先定义后使用
interface IChildProps {
  count: number;
}

function Child({ count }: IChildProps) {
  return <h3>{count}</h3>;
}
